<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="index.css">
	<link rel="stylesheet" type="text/css" href="我的.css" />
	<link rel="stylesheet" type="text/css" href="layui-v2.5.6/layui/css/layui.css" />
	<title>小米</title>

</head>

<body>




	<div id="login">
		<img src="./images/user.png" alt="">
		<span>登陆/注册</span>
	</div>
	<!-- 我的订单 -->
	<div>
		<div id="myorder" class="arrow">
			<span id="dingdan">我的订单</span>
			<span id="all-order">全部订单</span>
		</div>
		<div id="biankuang">
			<div id="pay">
				<div>
					<div id="yidong">
						<img src="./images/wait-pay.png" alt="">
						<p>待付款</p>
					</div>
				</div>
				<div>
					<img src="./images/receive-goods.png" alt="">
					<p>待收获</p>
				</div>
				<div>
					<img src="./images/reback-fix.png" alt="">
					<p>退换修</p>
				</div>
			</div>
		</div>
	</div>
	<!-- 会员中心 -->
	<div>
		<ul>
			<li class="li-bg" style='background-image: url("./images/an-crown.png")'>
				<div class="arrow " style="font-size: 0.2rem;">会员中心</div>
			</li>
			<li class="li-bg" style='background-image: url("./images/card.png")'>
				<div class="arrow" style="font-size: 0.2rem;">我的优惠</div>
			</li>
		</ul>
		<ul>
			<li class="li-bg" style='background-image: url("./images/server-heard.png")'>
				<div class="arrow" style="font-size: 0.2rem;">服务中心</div>
			</li>
			<li class="li-bg" style='background-image: url("./images/mi-home.png")'>
				<div class="arrow" style="font-size: 0.2rem;">小米之家</div>
			</li>
		</ul>
		<ul>
			<li class="li-bg" style='background-image: url("./images/f-code.png")'>
				<div class="arrow" style="font-size: 0.2rem;">我的F码</div>
			</li>
			<li class="li-bg" style='background-image: url("./images/gifs.png")'>
				<div class="arrow" style="font-size: 0.2rem;">礼物码兑换</div>
			</li>
		</ul>
		<ul>
			<li class="li-bg" style='background-image: url("./images/setting.png")'>
				<div class="arrow" style="font-size: 0.2rem;">设置</div>
			</li>
		</ul>
	</div>

















	<div id="nav-bottom-fixed">
		<div style="background-color: white;">
			<a href="首页.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/home.png);background-color: white;"></i>
				首页
			</a>

		</div>
		<div style="background-color: white;">
			<a href="分类.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/classify.png);background-color: white;"> </i>
				分类
			</a>

		</div>
		<div style="background-color: white;">
			<a href="星求.html" style="background-color: white;">
				<i style="background-image: url(imgs/xingqio.png);background-color: white;"></i>
				星求
			</a>
		</div>
		<div style="background-color: white;">
			<a href="购物车.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/car.png);background-color: white;"></i>
				购物车
			</a>

		</div>
		<div style="background-color: white;">
			<a href="我的.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/mine.png);background-color: white;"></i>
				我的
			</a>
		</div>
	</div>
</body>
<script>
	function calcHTMLFontSize() {
		var cH = document.documentElement.clientWidth;
		document.documentElement.style.fontSize = cH / 5 + "px";
	}
	calcHTMLFontSize();
	window.onresize = calcHTMLFontSize;
</script>

</html>